<div class="navbar">
	<div class="navbar-inner bg-green">
		<div class="left sliding">
			<a href="index.html" class="back link">
				<i class="icon icon-back color-white"></i>
			</a>
		</div>
    	<div class="center sliding color-white">注册</div>
  	</div>
</div>

<div class="pages navbar-through">
	<div data-page="register" class="page bg-white" id="register">
		<div class="page-content  bg-white" style="padding-bottom:0;">
    		<div class="tab">
				<div class="row" style="height: 40px;text-align: center;background: #f8f8f8;">
					<div class="col-50 col-50_active" style="line-height: 6vh;height: 100%;">
						<a href="#register_tourist" class="color-gray tab-link size_15 active bold yahei">游客注册</a>
					</div>
					<div class="col-50" style="line-height: 6vh;height: 100%;">
						<a href="#register_parnter" class="color-gray tab-link size_15 bold yahei">玩伴注册</a>
					</div>
				</div>
			</div>
			<div class="tabs-animated-wrap">
				<div class="tabs">
					<div id="register_tourist" class="tab active register_tourist">
						<div class="list-block size_15" style="margin:15px;">
							<ul>
								<li>
									<div class="item-content">
										<div class="item-inner">
											<div class="item-title label yahei bold size_15" style="line-height: 29px;">国家</div>
											<div class="item-input" style="height: 29px;">
												<input type="text" placeholder="中国+86" name="city" readonly style="height: 100%;">
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="item-content">
										<div class="item-inner">
											<div class="item-title label yahei bold size_15" style="line-height: 29px;">手机号</div>
											<div class="item-input" style="height: 29px;">
												<input type="text" placeholder="" name="tel" style="height:100%;">
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="item-content">
										<div class="item-inner">
											<div class="item-title label yahei bold size_15" style="line-height: 29px;">短信验证码</div>
											<div class="item-input" style="height: 29px;">
												<input type="text" placeholder="" name="msgcode" style="width:50%;float:left;height: 100%;">
												<div style="width:50%;float:left;height:100%" class="get_code"><a href="#" class="button bg-green color-white" >获取验证码</a></div>
											</div>											
										</div>
									</div>
								</li>
								<li>
									<div class="item-content">
										<div class="item-inner" >
											<div class="item-title label yahei bold size_15" style="line-height: 29px;">设置密码</div>
											<div class="item-input" style="height: 29px;">
												<input type="text" placeholder="6-15位数字或字母" name="pwd" style="height: 100%;">
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="item-content">
										<div class="item-inner">
											<div class="item-title label yahei bold size_15" style="line-height: 29px;">确认密码</div>
											<div class="item-input" style="height: 29px;">
												<input type="text" placeholder="" name="pwd_again" style="height: 100%;">
											</div>
										</div>
									</div>
								</li>
								<li>
									<label class="item-content label-checkbox" style="text-align: left;margin: 5px 0 10px;">
                                         <input type="checkbox" name="agree" checked="checked" value='1'>
                                             <div class="item-media" style="width: 10%;">
                                                 <i class="icon icon-form-checkbox" style="background-color:#1dd697;"></i>
                                             </div>
										     <div class="item-title label yahei " style="width: 90%;font-size: 13px;line-height: 44px;">
											     点击完成即同意<a href="#">《哇吖网用户注册协议》</a>
										     </div>
										
									</label>
								</li>
								<li>
									<a href="#" class="list-button button-fill item-link color-white bg-green register_tourist_submit">完成注册，进入哇吖</a>
								</li>								
							</ul>
							<div style="text-align: center;width: 100%;height: 44px;margin-top: 10vh;">
								<a href="register_email.html" class="button color-green" style="width:100%;height:100%;line-height:44px;">使用邮箱注册</a>
							</div>
						</div>						
		        	</div>
		        	<div id="register_parnter" class="tab register_parnter">
		          		<div class="list-block size_15" style="margin:10px 15px 10px;">
							<ul>
								<li>
									<div class="item-content">
										<div class="item-inner">
											<div class="item-title label yahei bold size_15" style="line-height: 29px;">姓氏</div>
											<div class="item-input" style="height: 29px;">
												<input type="text" placeholder="" name="firstname" style="height: 100%;">
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="item-content">
										<div class="item-inner">
											<div class="item-title label yahei bold size_15" style="line-height: 29px;">名字</div>
											<div class="item-input" style="height: 29px;">
												<input type="text" placeholder="" name="secondname" style="height: 100%;">
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="item-content">
										<div class="item-inner">
											<div class="item-title label yahei bold size_15" style="line-height: 29px;">性别</div>
											<div class="item-input" style="height: 29px;">
												<select name="sex" style="height: 100%;">
													<option>男</option>
													<option>女</option>
												</select>
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="item-content">
										<div class="item-inner">
											<div class="item-title label yahei bold size_15" style="line-height: 29px;">电子邮箱</div>
											<div class="item-input" style="height: 29px;">
												<input type="email" placeholder="" name="email" style="height: 100%;">
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="item-content">
										<div class="item-inner">
											<div class="item-title label yahei bold size_15" style="line-height: 29px;">设置密码</div>
											<div class="item-input" style="height: 29px;">
												<input type="text" placeholder="6-15位数字或字母" name="pwd" style="height: 100%;">
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="item-content">
										<div class="item-inner">
											<div class="item-title label yahei bold size_15" style="line-height: 29px;">确认密码</div>
											<div class="item-input" style="height: 29px;">
												<input type="text" placeholder="" name="pwd_again" style="height: 100%;">
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="item-content">
										<div class="item-inner">
											<div class="item-title label yahei bold size_15" style="line-height: 29px;">国家</div>
											<div class="item-input" style="height: 29px;">
												<input type="text" placeholder="中国+86" name="city" style="height: 100%;">
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="item-content">
										<div class="item-inner">
											<div class="item-title label yahei bold size_15" style="line-height: 29px;">手机号</div>
											<div class="item-input" style="height: 29px;">
												<input type="tel" placeholder="" name="tel" style="height: 100%;">
											</div>
										</div>
									</div>
								</li>
								<li>
									<div class="item-content">
										<div class="item-inner">
											<div class="item-title label yahei bold size_15" style="line-height: 29px;">短信验证码</div>
											<div class="item-input" style="height: 29px;">
												<input type="text" placeholder="" name="msgcode" style="width:50%;float:left;height: 100%;">
												<div style="width:50%;float:left;height:100%;" class="get_code"><a href="#" class="button bg-green color-white" >获取验证码</a></div>
											</div>											
										</div>
									</div>
								</li>								
								<li>
									<label class="item-content label-checkbox" style="text-align: left;margin: 5px 0;">
                                         <input type="checkbox" name="agree" checked="checked" value='1'>
                                             <div class="item-media" style="width: 10%;">
                                                 <i class="icon icon-form-checkbox" style="background-color:#1dd697;"></i>
                                             </div>
										     <div class="item-title label yahei " style="width: 90%;font-size: 13px;line-height: 44px;">
											     点击完成即同意<a href="#">《哇吖网用户注册协议》</a>
										     </div>
										
									</label>
								</li>
								<li>
									<a href="#" class="list-button button-fill item-link color-white bg-green register_parnter_submit">完成注册，进入哇吖</a>
								</li>									
							</ul>
						</div>					
		        	</div>
		      	</div>
			</div>
		</div>
	</div>
</div>